/*Glitchmas Theme YSG side - BugXmas
Arcana: VII.Chariot
Alignment: PUMPKIN/NEW- Cucurbita Obscura
I never did get the trailing stars to be fully 3d, maybe a fancier gif maker or linear-gradiant wizard than I...
GPT-chan says it evokes a dark RPG dungeon crossed with a digital punk nightclub, so I think it's about settled. 
Zoom all the waaay out for a cage of love, where obsession and entrapment intertwine. 
meiQts 24.12.03
*/


     /*Extra Font*/
@font-face {
    font-family: 'GenEiLate';
    src: url('https://megidochan.de/static/fonts/GenEi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
     /*Extra Font*/
@font-face {
    font-family: 'Grotek';
    src: url('https://megidochan.de/static/fonts/grotek.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}


@keyframes glitch {
    0% { text-shadow: 2px 2px #dde1fa, -2px -2px #007ba4; }
    50% { text-shadow: -2px -2px #dde1fa, 2px 2px #007ba4; }
    100% { text-shadow: 2px 2px #dde1fa, -2px -2px #007ba4; }
}





body {
   color: #fff;
   font-family: 'GeneiLate', cursive;
   margin: 0;
   background-color: black;
   background-image: 
       url('https://megidochan.de/static/themes/chariot/seal.png'),
       url('https://megidochan.de/static/themes/chariot/flakesTL.gif'), 
       url('https://megidochan.de/static/themes/chariot/flakesTR.gif'), 
       url('https://megidochan.de/static/themes/chariot/flakesBL.gif'),  
       url('https://megidochan.de/static/themes/chariot/flakesBR.gif'); 
   background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
   background-position: 
       center center,   /* Central seal */
       30% 0%,           /* Top-left flakes */
       70% 0%,         /* Top-right flakes */
       30% 100%,         /* Bottom-left flakes */
       70% 100%;       /* Bottom-right flakes */
   background-size: 
       auto,            
       auto 50%,         
       auto 50%,
       auto 50%,
       auto 50%;
   background-attachment: fixed;
   opacity: 0.96;
}


body:before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://megidochan.de/static/themes/chariot/ysg.png') no-repeat center;
  background-position: center -110px; 
  background-size: cover; 
  z-index: -1;
  opacity: 0.97;
  pointer-events: none;
}



@keyframes grain {
  0% {
    background: url('https://megidochan.de/static/themes/chariot/xmas01.png') no-repeat center;
    background-size: cover;
  }
  33% {
    background: url('https://megidochan.de/static/themes/chariot/xmas02.png') no-repeat center;
    background-size: cover;
  }
  66% {
    background: url('https://megidochan.de/static/themes/chariot/xmas03.png') no-repeat center;
    background-size: cover;
  }
  100% {
    background: url('https://megidochan.de/static/themes/chariot/xmas01.png') no-repeat center;
    background-size: cover;
  }
}

body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw; 
  height: 100vh; 
  background: url('https://megidochan.de/static/themes/chariot/xmas03.png') no-repeat center;
  background-size: cover;
  background-position: center;
  z-index: -2;
  animation: grain 1625ms linear infinite;
  pointer-events: none;
}



div.ban h2 {
 background: #07051a;
 color: #00fffa;
 border: 5px solid #000;
    font-size: 14pt;
    animation: glitch 0.1s infinite;
}

div.ban {
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/lmhigh.png') 22 round;
  background: #000;
   background-size: cover;
    background-clip: padding-box;
   border-radius: 14px;
text-shadow: none;

}

hr {
  border: none; 
  height: 102px; 
  background-image: url('https://megidochan.de/static/themes/chariot/joyhr.png');
background-repeat: no-repeat;
background-position: center;
}


.thread {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80%; 
    margin: 0 auto;
    background-size: auto;
    border-radius: 45px;
}


div.post.reply {
background: url('https://megidochan.de/static/themes/chariot/angelbotO.png') no-repeat bottom right , url('https://megidochan.de/static/themes/chariot/angeltopO.png') no-repeat top left, #b3334f;
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/lmreply.png') 22 round; 
    background-clip: padding-box;
border-radius: 8px;
color: #fff;
}

div.post.reply:nth-of-type(even) {
background: url('https://megidochan.de/static/themes/chariot/angelbotO.png') no-repeat bottom right , url('https://megidochan.de/static/themes/chariot/angeltopO.png') no-repeat top left, #3f4a5e;
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/msreply.png') 22 round;
     background-clip: padding-box;
border-radius: 8px;

}

div.post.op {
background: #b3334f;
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/lmreply.png') 22 round; 
    background-clip: padding-box;

}
div.post:hover, div.post.reply:nth-of-type(even):hover {
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/lmhigh.png') 22 round; 
background: url('https://megidochan.de/static/themes/chariot/batright.png') no-repeat top right , url('https://megidochan.de/static/themes/chariot/batleft.png') no-repeat top left, #000;
  color: #f0f0f0!important;
border-radius: 16px;
  text-shadow: 1px 1px #dde1fa;
  background-clip: padding-box;
}

div.post.reply.highlighted {
  border: 22px solid transparent;
  border-image: url('https://megidochan.de/static/themes/chariot/lmhigh.png') 22 round; 
background: #000;
    background-clip: padding-box;
  color: #f0f0f0!important;
border-radius: 16px;
  text-shadow: 1px 1px #dde1fa ;
}


/*color zone*/
span.name {
    font-size: 18px;
    font-weight: bold;
    color: #ff5555 !important;
    text-shadow: 0px 0px 5px #ff7777, 0px 0px 15px #ff0000; 
    border-bottom: 2px dashed #00ffff;
}


.intro span.subject {
    color: #000000;
    font-weight: bold;
    animation: glitch 0.1s infinite;
}



/* Quotes */
span.quote {
   color: #dde1fa ;
    font-style: italic;
    text-shadow: 1px 1px 5px #00ff99, 0 0 10px #33ccff; 
}

/* Banner */
div.banner {
    background-color: #B3E5FC; 
    color: #FF4D4D; 
    text-align: center;
    font-size: 22px;
    font-family: 'Grotek', sans-serif;
    border: 2px solid #FFB3B3; 
    box-shadow: 0 0 15px #FFFFFF;
}

/* Links */
a, a:visited, div.post.reply div.body a {
    color: #00ffcc; 
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 0 8px #00ffff, 2px 2px 2px #ff77ff;
    border-bottom: 2px dashed #dde1fa ;
}

a:hover {
    color: #bd1e1e; 
    text-shadow: 0 0 10px #007ba4, 0 0 15px #dde1fa;
    background: linear-gradient(90deg, #007ba4, #dde1fa);
    border-bottom: 3px solid #ff77ff;
}



div.pages {
    color: #dde1fa;
    background: linear-gradient(to right, #000, #007ba4, #000);
    border: 2px dashed #dde1fa;
    font-family: 'Courier New', monospace;
    border-radius: 8px;
    box-shadow: 0 0 10px #dde1fa, inset 0 0 15px #000;
    text-align: center;
}



/* Buttons */
input[type="submit"], button {
    background: linear-gradient(45deg, #FF4D4D, #FFB3B3);
    border: 2px solid #005E6C;
    color: #FFFFFF;
    font-family: 'Courier New', Courier, monospace;
    cursor: pointer;
    text-shadow: 1px 1px 2px #005E6C;
    transition: background 0.3s ease;
}


input[type="submit"]:hover, button:hover {
    background: repeating-linear-gradient(-45deg, #33ffdd, #ff99cc 20px, #11ffcc 40px);
    border-color: #ffcc00;
    box-shadow: 0 0 20px #ffcc00, inset 0 0 15px #11ffcc;
}

/* Text Fields */
input[type="text"], textarea, select {
    background-color: #000;
    color: #FFFFFF;
    border: 2px solid #FF4D4D;
    padding: 8px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 0 10px #007ba4, inset 0 0 20px #000;
    text-shadow: 0 0 5px #dde1fa;


}

input[type="text"]:focus, textarea:focus, select:focus {
    border-color: #FCE883;
    box-shadow: 0 0 10px #FFB3B3;
}

/* Headers */
header div.subtitle, h1 {
    font-family: 'Grotek', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 18pt;
    color: #FF4D4D;
    text-shadow: 0 0 5px #FFFFFF;
}

header div.subtitle {
    animation: glitch 0.1s infinite;
}



h1 {
    font-size: 24pt;
    color: #005E6C;
    text-shadow: 1px 1px 2px #FFFFFF;
}

::selection {
    background-color: #FF4D4D;
    color: #FFFFFF;
    text-shadow: 0 0 5px #005E6C;
}



form table {
    background: radial-gradient(circle, #112233, #07051a 70%);
    border: 3px dashed #dde1fa;
    box-shadow: 0 0 10px #00ffff, 0 0 30px #4c4c7e inset;
}

form table tr th {
    background: linear-gradient(45deg, #003344, #00ccff);
    color: #ffffff;
    font-size: 1em;
    border: 3px groove #4c4c7e;
    text-shadow: 0 0 5px #00ffff;
    border-radius: 8px;
}





img, video {
    filter: brightness(90%) contrast(90%);
}



/*revert to on hover */
video :hover {
    filter: none; 
}


img:hover {
    filter: none;
}
 p.unimportant {
 visibility: hidden;
 }






    /* Hidden*/
div.boardlist.bottom {
   visibility: hidden !important;}

* {
    scrollbar-color: #bd1e1e #000;
    cursor: url('https://megidochan.de/static/themes/chariot/ysgcursor.png'), auto;
}



